/* component/toast/toast.wxss */

.toast {
    font-size: 32rpx;
    font-weight:400;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 101;
    color: #fff;
    text-align: justify;

    .wrapper{
        border-radius: 6rpx;
        padding: 30rpx;
        max-width: 670rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgba(0,0,0,.7);

        .icon{
            width: 80rpx;
            height: 80rpx;
            margin-bottom: 40rpx;

            image{
                width: 100%;
                height: 100%;
            }
        }
    }
}

.animated {
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

.sheetIn {
    animation-name: popIn;
}

@keyframes popIn {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(1.2) ;
    }

    100%{
        transform: scale(1);
    }
}
